import React, {Component} from 'react';
import {connect} from 'react-redux';
import {RecommendWrapper, RecommendItem} from '../style';

class Recommend extends Component{
    render(){
        const {list} = this.props;
        return(
            <RecommendWrapper>
            {
                list.map((item) => {
                    return (
                        <RecommendItem key={item.get('id')} imgUrl={item.get('imgUrl')}>
                        </RecommendItem>
                    )
                })
            }
            </RecommendWrapper>
        )
    }
}

const mapStateToProps = (state) => ({
    list: state.getIn(['home', 'recommendList'])
})

export default connect(mapStateToProps, null)(Recommend);